<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="/css/font-awesome.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="/css/tooltip.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="/css/site.css" media="screen" title="no title" charset="utf-8">
  </head>
  <body>
    <div class="ch" style="display:block">
        <a href="#" class="aov"><i class="fa fa fa-contao"></i></a>
        <ul class="nav aox">
          <li><a href="#" id="nav_home"><i class="fa fa-home"></i></a></li>
          <li><a href="#" id="nav_calendar"><i class="fa fa-calendar-check-o"></i></a></li>
          <li class="is-active"><a href="#" id="nav_chart"><i class="fa fa-bar-chart"></i></a></li>
          <li><a href="#" id="nav_list"><i class="fa fa-list"></i></a></li>
          <li><a href="#" ><i class="fa fa-globe"></i></a></li>
          <li>
            <a href="#" id="nav_tags"><i class="fa fa-tags"></i></a>
          </li>

        </ul>
    </div>
    <div class="c-tooltip " for="nav_chart" direction="right">统计</div>
    <div class="c-tooltip " for="nav_tags" direction="right">标签</div>
    <div class="c-tooltip " for="nav_home" direction="right">主页</div>
    <div class="c-tooltip " for="nav_calendar" direction="right">日历</div>
    <div class="c-tooltip " for="nav_list" direction="right">列表</div>

    <script type="text/javascript" src="js/cComponentHandler.js"></script>
    <script type="text/javascript" src="js/tooltip/tooltip.js"></script>
  </body>
</html>
